<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @keyframes sao{
            0%{ 
                transform: translateY(0px) translateX(-50%);
            }
            50%{ 
                transform: translateY(117px) translateX(-50%);
            }
             100%{ 
                transform: translateY(0px) translateX(-50%);
            }
        }
        div{position: relative;
            top: 50px;
            left: 50px;
            height: 286px;
            width: 146px;
            background: url(./index_z_71df05e.png) 0px -2px no-repeat;
        }
.ma{
    width: 110px;
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
}
.li{
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    animation: sao infinite 2s;
}
    </style>
</head>
<body>
    <div><img src="./57b280b496dee47507111c56NRN73rVj.png" alt="" class="ma">
    <img src="./line_dd0b705.png" alt="" class="li"></div>

</body>
</html>